<template>
    <div>
        <p>父组件动态的向子组件传参</p>
        //我写个sonList标签,浏览器就识别,这是不可能的,所以我需要两步,[请看下面]
        <sonList v-for="item in itemList" :data="item"/><!-- 这里的data可以随便写,必须要加冒号 -->
    </div>
</template>

<script>
import sonList from './son.vue'//第一步：把组件导入进来
var json1 = {name:'华为',price:2999,sales:896369}//这里是通过ajax得到的数据
var json2 = {name:'小米',price:1999,sales:96369}
var json3 = {name:'苹果',price:1000,sales:369369}

const arr = [json1,json2,json3]
export default {
    data() {
        return {
            itemList:arr
        }
    },
    components:{
        sonList//第二步:导入进来以后,浏览器不知道是不是组件,也可能是函数,需要显式的声明为组件
    }    
}
</script>